<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // JSONP：实现跨域
        // 定义callback函数，作用：返回跨域地址
        window.callback = function (data) {
            // 这是我们跨域得到的信息
            console.log(data);
        }

        // jQuery实现jsonp

        $.ajax({
            url: 'http://localhost:8882/x-origin.json',
            dataType: 'jsonp',
            jsonpCallback: 'callback',
            success: function (data) {
                console.log(data);
            }
        })

    </script>
    <!-- 这个跨域的地址是我们刚建的文件，另起的一个8002的服务 -->
    <script
        src="http://127.0.0.1:8002/%E7%AC%AC%E5%8D%81%E4%BA%8C%E7%AB%A0%EF%BC%9AJS-WEB-API-AJAX/data/jsonp.js"></script>
    <!-- 将返回 jsonp.js中的内容 {name: "zhangsan"} -->



</body>

</html>